<template>
  <div>
  
    <code1></code1>

    <hr>
    <code2></code2>

    <hr>
    <code3></code3>

    <hr>
    <code4></code4>

    <hr>
    <code5></code5>
    
    <hr>
    <code6></code6>

    <hr>
    <code7></code7>

    <hr>
    <code8></code8>

    <hr>
    <code9></code9>
  </div>
</template>

<script>

import code1 from './components/code1.vue'
import code2 from './components/code2.vue'
import code3 from './components/code3.vue'
import code4 from './components/code4.vue'
import code5 from './components/code5.vue'
import code6 from './components/code6.vue'
import code7 from './components/code7.vue'
import code8 from './components/code8.vue'
import code9 from './components/code9.vue'


export default {

  components: {
      code1,
      code2,
      code3,
      code4,
      code5,
      code6,
      code7,
      code8,
      code9
  }

}
</script>

<style>

</style>